<style>
</style>
<template>
    <ly-page>
        <ly-navi title="饼图"></ly-navi>
        <ly-page-content>

            <ly-panel style="width: 400px;">
                <ly-panel-header title="显示漏斗">
                </ly-panel-header>
                <ly-panel-content>
                    <ly-chart-funnel type="funnel" link="/portal/chart/data/data6.json" :map="map" :params="params" :date="date"></ly-chart-funnel>
                </ly-panel-content>
            </ly-panel>

            <ly-panel >
                <ly-panel-header title="显示柱形漏斗">
                </ly-panel-header>
                <ly-panel-content>
                    <ly-chart-funnel type="bar" link="/portal/chart/data/data6.json" :map="map" :params="params" :date="date"></ly-chart-funnel>
                </ly-panel-content>
            </ly-panel>
            <ly-panel >
                <ly-panel-header title="同时显示">
                </ly-panel-header>
                <ly-panel-content>
                    <ly-chart-funnel :show-title="true" type="all" link="/portal/chart/data/data6.json" :map="map" :params="params" :date="date"></ly-chart-funnel>
                </ly-panel-content>
            </ly-panel>
            <ly-code-view>
                <pre v-pre>
                  <ly-chart-funnel :show-title="true" type="all" link="/portal/chart/data/data6.json" :map="map" :params="params" :date="date"></ly-chart-funnel>
                 </pre>
            </ly-code-view>
            <ly-markdown>
                <pre v-pre>
## `ly-chart-top-list`
------

#### Attributes

| 属性名  |说明   | 类型|可选值|默认值|
| ------------ | ------------ |------------ |------------ |------------ |
|  type |漏斗图类型	  |string |funnel,bar,all	|funnel	|
|  showTitle |显示标题  |boolean |-	|-	|
|  link |数据网络地址	  |string |—	|—	|
|  params | 网络请求参数 会作为post参数提交	  |Object|-	|{}	|
|  date |  正常是时间类型参数 会以get提交		|Object |-|{}|
|  noGlobal | 不使用全局参数	|boolean |-	|默认请求参数包含 Ly.chart.global_params 全局参数|
|  height | 高度	  |int |-	|310	|
|  key_name |  名称取值的key	  |string |-	|levels	|
|  key_value | 绝对转化值取值 key	|string |-	|transform_absolute|
|  key_total | 总量值取值 key	|string |-	|total|
|  key_relative | 相对转化值取值 key	|string |-	|transform_relative|
|  color | 颜色取值	|array |-| Ly.chart.color	|
|  map | 步骤名称	|array |-| []}	|

                </pre>
            </ly-markdown>
        </ly-page-content>
    </ly-page>
</template>
<script>
    Rap.define("", [], function () {
        return {
            data: function () {
                return {
                    params:{
                        'a':'a',
                        'b':'b'
                    },
                    date:{
                        begin_time: dayjs().add(-24, 'h').unix(),
                        end_time: dayjs().unix()
                    },
                    map:["查看首页","查看职位信息","投递简历"],
                }
            },
            created: function () {

            },
            mounted: function () {

            },
            methods: {
                showDialog: function () {


                },

            }
        }
    })
</script>